在html中嵌入css的三种方法

#在html中嵌入css的三种方法| 来源: 网络整理| 查看: 265

要利用CSS（层叠样式表）在html中实现如下效果。

1、嵌入式样式，插入到style标签中

Just a test这就是一个网页测试 body{ color:white; background-color:black; } What to buy

Dont forget to buy this stuff.

A tin of beans Cheese Milk 2、第二种方法：写在具体的元素中，比如这个css是对整个body元素起作用，就写在body中，代码如下

Just a test这就是一个网页测试 - What to buy

Dont forget to buy this stuff.

A tin of beans Cheese Milk

3、写到一个css文件中，然后利用link进行调用，link语句写在body之前，包括href、rel和type。

其中href属性指向了一个外部样式表的位置（URL）。

超链接的 URL。可能的值：

绝对 URL - 指向另一个站点（比如 href="http://www.example.com/theme.css"）相对 URL - 指向站点内的某个文件（href="/themes/theme.css"）

（1）css文件的代码为

body{ color:white; background-color:black; } （2）htnl代码为

Just a test这就是一个网页测试 What to buy

Dont forget to buy this stuff.

A tin of beans Cheese Milk

【本文地址】

今日新闻